//@import url('./app-theme.less');
//
///* 主题颜色字段 */
////  (@app-bgc,@primary,@success,$danger,@warning,$info,$navBgc,$navHover,$barBgc,$barSubBgc,$barHover,$barActive,$barActiveBgc,$primaryOpacity30)
//.custom-sky {
//  .theme(#ededed, #4d82f3, #19be6b, #ed4014, #ff9900, #605e72, #3b75f2, #6394ff, #fff, #f2f6ff, #6f63dd, #fff, #4d82f3, rgba(77, 130, 243, 0.3));
//}
//
//.custom-ts {
//  .theme(#dee3eb, #334a7a, #156b40, #ad2503, #ce7502, #44434b, #344468, #6886c7, #fff, #f2f6ff, #6f63dd, #fff, #6886c7, rgba(51, 74, 122, 0.3));
//}
//
//
//.custom-fresh {
//  .theme(#f7f7f7, #2d8cf0, #19be6b, #ed4014, #ff9900, #2db7f5, #2b85e4, #5cadff, #fff, #f2f6ff, #6f63dd, #fff, #2d8cf0, rgba(45, 140, 240, 0.3));
//}

@import './variables.scss';



/* 定义全局通用颜色 */
.app-text-color-primary {
  color: $primary  !important;
}

.app-bg-color-primary {
  background-color: $primary  !important;
}

.app-text-color-success {
  color: $success  !important;
}

.app-text-color-warning {
  color: $warning  !important;
}

.app-text-color-danger {
  color: $danger  !important;
}

.app-text-color-info {
  color: $info  !important;
}

.app-border-color-primary {
  border-color: $info  !important;
}

// class="app-text-color-primary"

/* 全局tips盒子 */
.app-main-tips-box {
  border: 1px solid $primaryOpacity30;
  background-color: $barSubBgc;

  // color: $primary;
  .el-icon-warning {
    color: $primary;
  }

  .btn {
    color: $primary;
  }
}


/* 定义布局样式 */
/* 网页背景 */
//background-color: $bgc;

.app-wrapper {

  /* 顶部nav */
  >.top-wrapper {
    background-color: $navBgc;

    >.header-container {
      .el-menu-item {
        background-color: $navBgc;

        &:hover {
          background-color: $navHover;
        }
      }

      .el-menu-item.is-active {
        background-color: $navBgc;

        &:hover {
          background-color: $navHover;
        }
      }

      .header-avatar {
        background-color: $navBgc;
      }
    }
  }

  /*  侧边bar */
  .bottom-wrapper {
    .sidebar-container {
      .scrollbar-wrapper {
        .el-scrollbar__view {
          .el-menu {
            background-color: $barBgc;

            >.el-menu-item.submenu-title-noDropdown {
              background-color: $barBgc;
            }

            .nest-menu>.el-submenu>.el-submenu__title {
              background-color: $barSubBgc;

              &:hover {
                color: $barHover ;
              }
            }

            .nest-menu>.el-menu-item {
              background-color: $barSubBgc;
            }

            .el-menu-item.is-active {
              color: $barActive  !important;
              background-color: $barActiveBgc;
            }

            .el-submenu__title {
              &:hover {
                color: $barHover ;
                background-color: $barBgc;
              }
            }

            .el-menu-item {
              &:hover {
                color: $barHover ;
              }
            }
          }
        }
      }
    }
  }
}


/*
  覆盖element 颜色
*/
/* 暂时解决表单校验嵌套input样式问题 */
.el-form-item.is-success .el-form-item.is-error .el-input__inner {
  border-color: $danger;
}

/* 弹框标题 */
.el-dialog {
  .el-dialog__title {
    color: $primary;
  }
}

/* 上传hover */
.app-uploader-img-plus:hover {
  border-color: $primary;
}

/* el-collapse标题 */
.el-collapse .el-collapse-item__header {
  color: $primary;
}

/* 新增el-tooltip主题色 fresh  */
.el-tooltip__popper.el-tooltip-theme-fresh {
  border: 1px solid $primary  !important;
}

.el-tooltip__popper.el-tooltip-theme-danger {
  border: 1px solid $danger  !important;
  color: $danger;
}

/* 覆盖step  */
.el-step {
  .el-step__title.is-process {
    color: $primary ;
  }

  .el-step__icon.is-text {
    border: 2px solid $primary;
    color: $primary;
  }
}


///* 覆盖tree  */
//.halo-tree {
//  .box-halfchecked {
//    &:after {
//      color: $primary;
//    }
//  }
//
//  .box-halfchecked.inputCheck {
//    border: 1px solid $primary;
//  }
//
//  .box-checked.inputCheck {
//    border: 1px solid $primary;
//    background-color: $primary;
//  }
//}
